<script setup>
import { reactive } from "vue";
import { message } from "ant-design-vue";

let props = defineProps({
  deptInfo_props: {
    type: Object,
    default: {}
  }
})
console.log(props.deptInfo_props);
</script>

<template>
  <a-row style="margin-bottom: 10px; font-size: 16px; font-weight: bold;">
    <a-col :span="3">
      部门名称：
    </a-col>
    <a-col :span="21">
      {{ props.deptInfo_props.deptName }}
    </a-col>
  </a-row>
  <a-row style="margin-bottom: 10px">
    <a-col :span="3">
      部门介绍：
    </a-col>
    <a-col :span="21">
      <div class="deptDesc">{{ props.deptInfo_props.deptInfo }}</div>
    </a-col>
  </a-row>
</template>

<style scoped>
.deptDesc {
  min-height: 80px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}
</style>